<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>赛事风采</title>
	<script src="js/mui.min.js"></script>
	<link href="css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/upload_photo.css" />
	<style>
		.img_y {
			z-index: 1;
			position: absolute;
			width: 100px !important;
			height: 100px !important;
		}
	</style>
	<script type="text/javascript" charset="UTF-8">
		mui.init();
		//    rem和px的转换
		(function (doc, win) {
			var docEl = doc.documentElement,
				resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalc = function () {
					var clientWidth = docEl.clientWidth;
					if (!clientWidth) return;
					if (clientWidth >= 640) {
						docEl.style.fontSize = '100px';
					} else {
						docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
					}
				};
				console.log('orientationchange' in window)
			if (!doc.addEventListener) return;
			win.addEventListener(resizeEvt, recalc, false);
			doc.addEventListener('DOMContentLoaded', recalc, false);
			console.log(resizeEvt)
		})(document, window);
		console.log(document.documentElement)
	</script>
</head>

<body>
	<ul class="game_wrap">
		<li class="game_list" id="list_on">
			选择赛事/活动
			<img class="tiaozhuang" id="stop" src="img/iconfont-xiala.png" />
			<img class="zhankai" id="deploy" src="img/iconfont-shangshou.png" />
		</li>
		<ul class="pull_down" id="pull_down">
			<li class="down_list">2015太原国际马拉松</li>
			<li class="down_list">2016太原国际马拉松</li>
			<li class="down_list">2017太原国际马拉松</li>
		</ul>
		<li class="game_list">
			创建赛事/活动
			<input class="ipt" type="text" class="" placeholder="请输入" maxlength="15" />
		</li>
	</ul>
	<!--添加赛事-->

	<div class="add_game" id="add_game">
		<div class="add_list">
			<div class="container">
				<!--    照片添加    -->
				<div class="z_photo">
					<div class="z_file">
						<div class="ipt_wrap" style="width: 100%;height:100%;">
							<input type="file" name="file" id="file" value="" accept="image/*" multiple onchange="imgChange(this)" />
						</div>
					</div>
				</div>

			</div>
			<div class="miaoshu_wrap">
				<div class="add_title">
					<span style="height:.2rem;line-height: .2rem;">添加照片描述</span>
					<img class="ic_photo_miaoshu" src="img/ic_photo-miaoshu.png" />
				</div>
				<textarea name="info[neirong]" id="neirong" placeholder="可对照片进行描述哦..." rows="5"></textarea>
			</div>
		</div>
	</div>
	<!--遮罩层-->
	<div class="z_mask">
		<!--弹出框-->
		<div class="z_alert">
			<p>确定要删除这张图片吗？</p>
			<p>
				<span class="z_cancel">取消</span>
				<span class="z_sure">确定</span>
			</p>
		</div>
	</div>
	<footer>
		<div class="content">
			<button class="btn" onclick="window.location.href='audit_state.html'">我要上传</button>
		</div>
	</footer>
</body>

</html>
<!-- <script src="node_modules/vconsole/dist/vconsole.min.js"></script>
<script>
	// 初始化
	var vConsole = new VConsole();
	console.log('Hello world');
</script> -->
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/yz2.js"></script>